Olicus-Panloque Set(Also Known as Olicus' SCP-9001 Artworks)

Link to article: Olicus-Panloque Set(Also Known as Olicus' SCP-9001 Artworks).

Module Styles

• /* 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;
    }
  }

• /* 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;
  }
  

Inline Styles

• width: 700px; padding: 1rem 1rem

• width: 600px; padding: 1rem 1rem

• width: 600px; padding: 1rem 1rem

• width: 600px; padding: 1rem 1rem

Includes

• :scp-wiki:component:hoverlinks [info]
• :scp-wiki:theme:black-highlighter-theme [info]
• :scp-wiki:theme:minimalist-bhl [info]

CSS Classes

• scp-image-block

• block-center

• scp-image-block

• block-center

• scp-image-block

• block-center

• scp-image-block

• block-center

Page Source

[[include :scp-wiki:component:hoverlinks]]
[[include :scp-wiki:theme:black-highlighter-theme]]
[[include :scp-wiki:theme:minimalist-bhl]]
[[module css]]
/* 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;
  }
}
[[/module]]

[[module css]]
/* 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;
}

[[/module]]

[[>]]
[[module Rate]]
[[/>]]
[[=]]
> Artworks inspired by S D Locke, Croquembouche, and PandoraNuker's [[[SCP-9001]]].
@@ @@
[[div class="scp-image-block block-center" style="width: 700px; padding: 1rem 1rem"]]
[[image https://scp-wiki.wikidot.com/local--files/art:olicus-panloque-set/9001_1.webp width="800px"]]
[[/div]]
= Berryman-Langford set
@@ @@
[[div class="scp-image-block block-center" style="width: 600px; padding: 1rem 1rem"]]
[[image https://scp-wiki.wikidot.com/local--files/art:olicus-panloque-set/9001_2.webp width="600px"]]
[[/div]]
= Shall we dance...?
@@ @@
[[div class="scp-image-block block-center" style="width: 600px; padding: 1rem 1rem"]]
[[image https://scp-wiki.wikidot.com/local--files/art:olicus-panloque-set/9001_3.webp width="600px"]]
[[/div]]
= Grow Wild
@@ @@
[[collapsible show="+ bonus" hide="- hide block"]]
[[div class="scp-image-block block-center" style="width: 600px; padding: 1rem 1rem"]]
[[image https://scp-wiki.wikidot.com/local--files/art:olicus-panloque-set/9001_4.webp width="600px"]]
[[/div]]
[[/collapsible]]
@@ @@
[[/=]]